<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<ul>
			<li class="item1">第 1 个标签</li>
			<li class="item2">第 2 个标签</li>
			<li class="item3">第 3 个标签</li>
			<li class="a-item">第 4 个标签</li>
			<li class="a-item">第 5 个标签</li>
			<li class="a-item">第 6 个标签</li>
			<li class="a-item">第 7 个标签</li>
		</ul>
	</body>

</html>

<style type="text/css">
	li {
		height: 50px;
	}
	/* 选择所有class开头等于item的li标签,设置字体为红色 */
	li[class^=item] {
		color: red;
	}
	
	/* 选择所有class结尾等于item的li标签,设置字体为绿色 */
	li[class$=item] {
		color: green;
	}
	
</style>